<template>
   <div class="active">
    <el-form>
      <el-form-item>
        <el-input placeholder="请输入举报人昵称"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button class="chande">搜索</el-button>
      </el-form-item>
    </el-form>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        type="index"
        label="编号"
        width="120">
      </el-table-column>
      <el-table-column
        prop="name"
        label="举报人昵称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="被举报人昵称">
      </el-table-column>
        <el-table-column
        prop="address"
        label="举报原由">
      </el-table-column>
        <el-table-column
        prop="name"
        label="状态">
      </el-table-column>
        <el-table-column
        prop="date"
        label="举报时间">
      </el-table-column>
      <el-table-column
        label="操作">
        <template>
          <el-button type="text" size="small">咨询记录</el-button>
          <el-button type="text" size="small">操作</el-button>
          <el-button type="text" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
   </div>
</template>

<script>
export default {
 data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
        }
      }
}
</script>

<style scoped>
.active{
    background-color: #fff;
  padding-left: 30px;
  padding-top: 30px;
}
.el-form-item{
  width: 15% !important;
  display: inline-block;
margin-right: 20px;

}

.chande{
  display: inline-block;
  background-color: #ff7144;
  color: #fff;
  border: 1px solid #ff7144;
}
</style>